<template>
	<div style="padding: 10px 36px;">
		<el-transfer class="trans" v-model="value" 
				:data="data" :titles="['待添加人员', '已添加组人员']"/>
	</div>
</template>

<script>
export default {
	data(){
		return {
			value: [] , // 已选中的人员ID
			data: [    // 所有人员列表
				{key: 1, label: "张三"}, 
				{key: 2, label: "李四"}, 	
				{key: 3, label: "王五"}, 	
				{key: 4, label: "赵六"}, 	
				{key: 5, label: "路奇"}, 	
				{key: 6, label: "路飞"}, 	
				{key: 7, label: "张溜"}, 	
				{key: 8, label: "李晨"}, 
			] ,
		}
	}
}
</script>

<style>
.trans .el-transfer__buttons {
	text-align: center;
}

.trans .el-transfer__button {
	display: block !important;
	margin: 8px 0 !important;
}

.trans .el-transfer-panel__body, .trans .el-transfer-panel__list {
	height: 600px !important;
}

</style>